<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document-精品</title>
    <link href="__ROOT__/Public/img/favicon.ico" rel="shortcut icon">
    <link rel="stylesheet" href="/WapPublic/css/bootstrap.min.css">
    <link rel="stylesheet" href="__ROOT__/WapPublic/css/wapIndex.css">
    <link href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/WapPublic/css/font-awesome.css">
    <!--<link rel="stylesheet" href="http://apps.bdimg.com/libs/layer/2.1/skin/layer.css">-->
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/Swiper/3.4.2/js/swiper.jquery.min.js"></script>
    <!--<script type="text/javascript" src="http://apps.bdimg.com/libs/layer/2.1/layer.js"></script>-->
    <!--<script type="text/javascript" src="__ROOT__/Public/js/index.js"></script>-->
</head>
<body>
<div class="header">
    <div class="header-info">
        <div class="header-top clearfix">
            <a class="com-hearder-icon mailbox-icon" href="javascript:;" ></a>
            <div class="search">
                <form class="navbar-form navbar-left">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                </form>
            </div>
            <a href="javascript:;" class="com-hearder-icon time-icon"></a>
            <a href="javascript:;" class="com-hearder-icon download-icon"></a>
        </div>
    </div>
    <div class="header-nav">
        <ul class="clearfix">
            <li><a href="/wap.php/Index">推荐</a></li>
            <li><a href="/wap.php/Index/classify">分类</a></li>
            <li><a href="/wap.php/Index/classic">精品</a></li>
            <li><a href="/wap.php/Index/liveRadio">直播</a></li>
            <li><a href="/wap.php/Index/broadcast" class="header-nav-active header-nav-active-border">广播</a></li>
        </ul>
    </div>
</div>
<div class="main-wap-wrapper">
    <div class="classic">
        <div class="classic-content-list">
            <div class="classic-type broadcast-type">
                <ul class="classic-type-slide clearfix">
                    <li><a href="javascript:;"><img src="/WapPublic/img/mailbox.png">大师课</a></li>
                    <li><a href="javascript:;"><img src="/WapPublic/img/mailbox.png">畅销榜</a></li>
                    <li><a href="javascript:;"><img src="/WapPublic/img/mailbox.png">新品榜</a></li>
                    <li><a href="javascript:;"><img src="/WapPublic/img/mailbox.png">有声书</a></li>
                </ul>
            </div>
            <div class="classic-padding broadcast-nav">
                <ul class="bt-nav-max-height nav-show-event clearfix">
                    <li>新闻台</li>
                    <li>音悦台</li>
                    <li>新闻台</li>
                    <li>音悦台</li>
                    <li>新闻台</li>
                    <li>音悦台</li>
                    <li>新闻台</li>
                    <li>音悦台</li>
                    <li>音悦台</li>
                </ul>
                <ul class="bt-nav-max-height show-all-nav-btn live-hidden clearfix">
                    <i class="fa fa-angle-down"></i>
                </ul>
            </div>
            <div class="classic-ls classic-margin">
                <div class="classic-lists classic-padding">
                    <div class="hot-title clearfix">
                        <span class="hot-left">每日优选</span>
                        <span class="hot-right">更多 ></span>
                    </div>
                    <div class="lists-info">
                        <div class="lists-info-detail clearfix">
                            <div class="img-poster-left float-left"><img src="/WapPublic/img/poster.jpg"></div>
                            <div class="img-poster-right float-left">
                                <div class="clearfix">
                                    <div class="float-left">
                                        <h5>张其成讲《易经》</h5>
                                        <p class="p-margin-7">医学权威专家为您揭开人生密码</p>
                                        <p class="p-span-margin clearfix">
                                            <span class="float-left">668万</span><span class="float-left">41集</span>
                                        </p>
                                    </div>
                                    <div class="img-video-btn float-right"></div>
                                </div>
                            </div>
                        </div>
                        <div class="lists-info-detail clearfix">
                            <div class="img-poster-left float-left"><img src="/WapPublic/img/poster.jpg"></div>
                            <div class="img-poster-right float-left">
                                <div class="clearfix">
                                    <div class="float-left">
                                        <h5>张其成讲《易经》</h5>
                                        <p class="p-margin-7">医学权威专家为您揭开人生密码</p>
                                        <p class="p-span-margin clearfix">
                                            <span class="float-left">668万</span><span class="float-left">41集</span>
                                        </p>
                                    </div>
                                    <div class="img-video-btn float-right"></div>
                                </div>
                            </div>
                        </div>
                        <div class="lists-info-detail clearfix">
                            <div class="img-poster-left float-left"><img src="/WapPublic/img/poster.jpg"></div>
                            <div class="img-poster-right float-left">
                                <div class="clearfix">
                                    <div class="float-left">
                                        <h5>张其成讲《易经》</h5>
                                        <p class="p-margin-7">医学权威专家为您揭开人生密码</p>
                                        <p class="p-span-margin clearfix">
                                            <span class="float-left">668万</span><span class="float-left">41集</span>
                                        </p>
                                    </div>
                                    <div class="img-video-btn float-right"></div>
                                </div>
                            </div>
                        </div>
                        <div class="lists-info-detail clearfix">
                            <div class="img-poster-left float-left"><img src="/WapPublic/img/poster.jpg"></div>
                            <div class="img-poster-right float-left">
                                <div class="clearfix">
                                    <div class="float-left">
                                        <h5>张其成讲《易经》</h5>
                                        <p class="p-margin-7">医学权威专家为您揭开人生密码</p>
                                        <p class="p-span-margin clearfix">
                                            <span class="float-left">668万</span><span class="float-left">41集</span>
                                        </p>
                                    </div>
                                    <div class="img-video-btn float-right"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="classic-ls classic-margin">
                <div class="classic-lists classic-padding">
                    <div class="hot-title clearfix">
                        <span class="hot-left">每日优选</span>
                        <span class="hot-right">更多 ></span>
                    </div>
                    <div class="lists-info">
                        <div class="lists-info-detail clearfix">
                            <div class="img-poster-left float-left"><img src="/WapPublic/img/poster.jpg"></div>
                            <div class="img-poster-right float-left">
                                <div class="clearfix">
                                    <div class="float-left">
                                        <h5>张其成讲《易经》</h5>
                                        <p class="p-margin-7">医学权威专家为您揭开人生密码</p>
                                        <p class="p-span-margin clearfix">
                                            <span class="float-left">668万</span><span class="float-left">41集</span>
                                        </p>
                                    </div>
                                    <div class="img-video-btn float-right"></div>
                                </div>
                            </div>
                        </div>
                        <div class="lists-info-detail clearfix">
                            <div class="img-poster-left float-left"><img src="/WapPublic/img/poster.jpg"></div>
                            <div class="img-poster-right float-left">
                                <div class="clearfix">
                                    <div class="float-left">
                                        <h5>张其成讲《易经》</h5>
                                        <p class="p-margin-7">医学权威专家为您揭开人生密码</p>
                                        <p class="p-span-margin clearfix">
                                            <span class="float-left">668万</span><span class="float-left">41集</span>
                                        </p>
                                    </div>
                                    <div class="img-video-btn float-right"></div>
                                </div>
                            </div>
                        </div>
                        <div class="lists-info-detail clearfix">
                            <div class="img-poster-left float-left"><img src="/WapPublic/img/poster.jpg"></div>
                            <div class="img-poster-right float-left">
                                <div class="clearfix">
                                    <div class="float-left">
                                        <h5>张其成讲《易经》</h5>
                                        <p class="p-margin-7">医学权威专家为您揭开人生密码</p>
                                        <p class="p-span-margin clearfix">
                                            <span class="float-left">668万</span><span class="float-left">41集</span>
                                        </p>
                                    </div>
                                    <div class="img-video-btn float-right"></div>
                                </div>
                            </div>
                        </div>
                        <div class="lists-info-detail clearfix">
                            <div class="img-poster-left float-left"><img src="/WapPublic/img/poster.jpg"></div>
                            <div class="img-poster-right float-left">
                                <div class="clearfix">
                                    <div class="float-left">
                                        <h5>张其成讲《易经》</h5>
                                        <p class="p-margin-7">医学权威专家为您揭开人生密码</p>
                                        <p class="p-span-margin clearfix">
                                            <span class="float-left">668万</span><span class="float-left">41集</span>
                                        </p>
                                    </div>
                                    <div class="img-video-btn float-right"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script>
    $(function () {
        var li_length = $(".broadcast-nav .nav-show-event li").length;
        // console.log(li_length);
        if(li_length > 8){
            $(".show-all-nav-btn").removeClass("live-hidden");
        }else{
            $(".show-all-nav-btn").addClass("live-hidden");
        }

        $(".show-all-nav-btn").click(function () {
            $(".nav-show-event").toggleClass("bt-nav-max-height");
            $(this).find("i").toggleClass("fa-angle-down").toggleClass("fa-angle-up")

        })
    })
</script>
</body>
</html>